<!DOCTYPE html>
<html lang="en" style="font-size: 13.333333vw">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>PixelMug download</title>
    <script src="./assets/js/i18n.js"></script>
    <script src="./assets/js/banner.js"></script>
    <link
      rel="Shortcut Icon"
      href="./assets/image/favicon.ico"
      type="image/x-icon"
    />
    <script type="text/javascript">
      // console.log(location.href.indexOf('rcwutong.jeejio.com'),'location.href')
      let a = 0;
      if (location.href.indexOf("#reloaded") == -1 && a == 0) {
        // location.href = 'https://app.jeejio.com/' + '#reloaded';
        location.href = location.origin + "/#reloaded";
        a = 1;
      }
    </script>

    <script>
      // var cnzz_s_tag =document.createElement('script');
      // cnzz_s_tag.type ='text/javascript';
      // cnzz_s_tag.async = true;
      // cnzz_s_tag.charset= 'utf-8';
      // cnzz_s_tag.src ='https://s4.cnzz.com/z_stat.php?id=1280406682&web_id=1280406682';
      // var root_s =document.getElementsByTagName('script')[0];
      // root_s.parentNode.insertBefore(cnzz_s_tag,root_s);

      (function (w, d, s, q, i) {
        w[q] = w[q] || [];
        var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s);
        j.async = true;
        j.id = "beacon-aplus";
        j.src = "https://d.alicdn.com/alilog/mlog/aplus/" + i + ".js";
        f.parentNode.insertBefore(j, f);
      })(window, document, "script", "aplus_queue", "203467608");
      aplus_queue.push({
        action: "aplus.setMetaInfo",
        arguments: ["appKey", "6152ae6cac9567566e85ac28"],
      });
      aplus_queue.push({
        action: "aplus.setMetaInfo",
        arguments: ["aplus-waiting", "MAN"],
      });

      aplus_queue.push({
        action: "aplus.setMetaInfo",
        arguments: ["下载页"],
      });
      window.aplus_queue.push({
        action: "aplus.sendPV",
        arguments: [
          {
            is_auto: false,
          },
          {},
        ],
      });
    </script>
    <script type="text/javascript">
      var setStyle = function (cssArr) {
        var i = 0,
          len = cssArr.length;
        for (i; i < len; i++) {
          document.write(
            '<link href="' + cssArr[i] + '" type="text/css" rel=stylesheet>'
          );
        }
      };

      var is_mobi =
        navigator.userAgent
          .toLowerCase()
          .match(
            /(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i
          ) != null;
      if (is_mobi) {
        console.log("移动端");
        setStyle(["./assets/style/rem.css"]);
      } else {
        console.log("PC端");
        setStyle(["./assets/style/pc.css"]);
      }
    </script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
        // 设置语言选择器的初始值
        const langSelect = document.querySelector("select");
        langSelect.value = currentLang;
        // 初始化页面文本
        updatePageText();
      });
    </script>
  </head>

  <body>
    <div class="down-box">
      <!-- 移动扫扫提示 -->
      <div id="tipsId">
        <div class="tips-box">
          <div class="tips-content-box">
            点击右上角按钮，在弹出的菜单中选择“<span class="browser-box"
              >在浏览器打开</span
            >”，即可下载安装
          </div>
          <img src="./assets/image/箭头.png" alt="" class="arrow-box" />
        </div>
      </div>

      <div class="header-box">
        <div class="down-content-box">
          <div class="header-left-box">
            <img
              src="./assets/image/pixelmug.png"
              alt=""
              class="logo-img-box"
            />
            <div id="title" class="title-name-box">PixelMug</div>
          </div>
          <div class="header-right-box">
            <select
              onchange="switchLanguage(this.value)"
              style="padding: 5px; border-radius: 4px; border: 1px solid #ddd"
            >
              <option value="zh">中文</option>
              <option value="en">English</option>
              <option value="fr">Français</option>
              <option value="de">Deutsch</option>
            </select>
          </div>
        </div>
      </div>
      <!-- <div style="background: linear-gradient(127deg,#51acff 3%, #4940f0 100%);" class="banner-box" id="pxId"> -->
      <!-- pc -->
      <div class="banner-box" id="pxId">
        <div class="banner-color-box"></div>
        <div class="banner-content-box" id="pxId">
          <!-- <img src="./assets/image/冒泡展示图.svg" alt="" class="banner-left-box" /> -->
          <div class="banner-right-box">
            <div class="right-one-box text-center" id="oneId">
              互动无界 极致物联
            </div>
            <div class="right-two-box text-center" id="twoId">
              基于即时通讯架构设计，实时在线
            </div>
            <div class="right-there-box text-center" id="thereId">
              创新互动模式，更自然的物端操控体验
            </div>
            <div class="code-box">
              <img
                src="./assets/image/新官网二维码.jpg"
                alt=""
                class="code-img-box"
              />
              <!-- <img src="./assets/image/冒泡二维码.svg" alt="" class="code-img-box"> -->
              <div class="code-right-box">
                <!-- <img src="./assets/image/安卓ios.svg" alt="" /> -->

                <!-- <div class="code-name-box">
                                <img src="./assets/image/安卓.png" alt="" class="code-img-name-box">
                                <div id="androId">5.0&nbsp;&nbsp;&nbsp;以上</div>
                            </div>
                            <div class="code-name-box">
                                <img src="./assets/image/苹果icon.png" alt="" class="code-img-name-box">
                                <div id="ios">11.0 以上</div>
                            </div> -->
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- rem -->
      <div class="banner-box" id="remId">
        <!-- <div class="banner-color-box" style="background: linear-gradient(90deg,#51acff 30%, #5475FE 0%);"></div> -->
        <img src="./assets/image/yi蒙版1.png" alt="" class="banner-image-box" />
        <div class="banner-in-box" id="remId">
          <div class="banner-upper-box">
            <div class="in-one-box" id="oneId">互动无界 极致物联</div>
            <div class="in-two-box" id="twoId">
              基于即时通讯架构设计，实时在线<br />创新互动模式，更自然的物端操控体验
            </div>
            <!-- ios -->
            <!-- <a href="https://apps.apple.com/us/app/%E5%86%92%E6%B3%A1%E7%89%A9%E8%81%94/id1575856883" class="btn-down-box" id="iosHrefId">下载冒泡 APP</a> -->
            <!-- 安卓 -->
            <!-- <a href="" class="btn-down-box" id="androidHrefId">下载冒泡 APP</a> -->
          </div>
          <div class="banner-lower-box">
            <img
              src="./assets/image/冒泡展示图.svg"
              alt=""
              class="banner-down-img-box"
            />
          </div>
          <!-- ios -->
          <div id="iosHrefId">
            <div class="banner-down-btn-box">
              <img src="./assets/image/下载.svg" alt="" class="down-img-box" />
              <span class="btn-down-box" id="iosId">下载</span>
              <!-- <a href="https://apps.apple.com/us/app/%E5%86%92%E6%B3%A1%E7%89%A9%E8%81%94/id1575856883" class="btn-down-box">下载冒泡 APP</a> -->
            </div>
          </div>
          <!-- 安卓 -->
          <div id="androidHrefId">
            <div class="banner-down-btn-box">
              <img src="./assets/image/下载.svg" alt="" class="down-img-box" />
              <span class="btn-down-box" id="androidId">下载</span>
              <!-- <a href="" class="btn-down-box" id="androidId">下载冒泡 APP</a> -->
            </div>
          </div>
        </div>
      </div>
      <div class="device-box">
        <div class="device-content-box">
          <div class="content-box">
            <img
              src="./assets/image/实时在线.svg"
              alt=""
              class="device-img-box"
            />
            <div class="device-name-box">实时在线</div>
            <div class="device-describe-box">
              基于即时通讯的方式，人与设备实时在线， 想聊就聊，想用就用。
            </div>
          </div>
          <!-- <div  class="content-box">
                <img src="./assets/image/人机互动.svg" alt="" class="device-img-box" />
                <div class="device-name-box">人机互动</div>
                <div class="device-describe-box">
                    随时随地，人与设备直接互动，更友好、更自然。
                </div>
            </div> -->
          <div class="content-box">
            <img
              src="./assets/image/亲友共享.svg"
              alt=""
              class="device-img-box"
            />
            <div class="device-name-box">亲友共享</div>
            <div class="device-describe-box">
              通过分享功能，可以将设备共享给自己的好友与家人。
            </div>
          </div>
          <div class="content-box">
            <img
              src="./assets/image/智能场景.svg"
              alt=""
              class="device-img-box"
            />
            <div class="device-name-box">智能场景</div>
            <div class="device-describe-box">
              场景随心设置，一条指令实现多设备协同工作。
            </div>
          </div>
          <!-- <div class="content-box">
                <img src="./assets/image/指令消息.svg" alt="" class="device-img-box" />
                <div class="device-name-box">指令消息</div>
                <div class="device-describe-box">
                    消息即命令，还能自由组合和定义，满足个性化场景需求。
                </div>
            </div> -->
          <div class="content-box">
            <img
              src="./assets/image/小应用扩展.svg"
              alt=""
              class="device-img-box"
            />
            <div class="device-name-box">小应用扩展</div>
            <div class="device-describe-box">
              开放的小应用市场，实现设备能力弹性扩展，玩法更丰富。
            </div>
          </div>
        </div>
      </div>

      <div class="bottom-box">
        <div class="bottom-middle-box">
            <div class="bottom-one-box">
                <a id="useragreement" class="hide-zh" href="https://app.pixelmug.com/enagreement.html"
                  >用户同意协议
                  </a>
                <!-- |<a
                  class="hide-zh"
                  href="https://platform.jeejio.com/doc/appendix/legal.html"
                  >法律声明</a
                > -->
                |
                <!-- <a href="https://rcdoc.jeejio.com/appendix/privacy.html">隐私协议</a> -->
                <a id="privacy-id" href="https://app.pixelmug.com/enprivacy.html"
                  >隐私协议</a
                >
                |
                <!-- <a
                  class="hide-zh"
                  href="https://rcdoc.jeejio.com/appendix/agreements.html"
                  >服务条款</a
                >| -->
                <a id="usercancel" class="hide-zh" href="https://app.pixelmug.com/encancellation.html"
                  >账号注销协议</a
                >
              </div>
          <div class="bottom-two-box">
            Copyright © 2018-2025 Jeejio. All Rights Reserved.
          </div>
          <div class="bottom-filings">
            <a class="hide-zh" href="https://beian.mps.gov.cn/#/query/webSearch"
              ><img src="./assets/image/icp.png" alt="" />苏公网安备
              32011502011926号，</a
            >
            <a
              class="hide-zh"
              href="https://beian.miit.gov.cn/#/Integrated/index"
              >苏ICP备2023015559号-1</a
            >
          </div>
        </div>
      </div>
    </div>

    <script>
      function metadata(request) {
        // var android_czc = window._czc || [];
        // android_czc.push(["_setAccount", "1280406682"])
        // android_czc.push(['_trackEvent', '冒泡下载页', '安卓', '下载']);
        const { aplus_queue } = window;
        aplus_queue.push({
          action: "aplus.record",
          arguments: ["ANDROID-DOWN", "CLK", {}],
        });

        setTimeout(() => {
          // var root = document.getElementById('androidId');
          // root.href = request.url;

          let link = document.createElement("a");
          link.style.display = "none";
          link.href = request.url;
          console.log(request.url, "request.url");
          document.body.appendChild(link);
          link.click();
          document.body.removeChild(link); // 下载完成移除元素
          window.URL.revokeObjectURL(request.url); // 释放掉blob对象
        }, 200);
      }

      var browser = {
        versions: (function () {
          var u = navigator.userAgent,
            app = navigator.appVersion;
          return {
            //移动终端浏览器版本信息
            trident: u.indexOf("Trident") > -1, //IE内核
            presto: u.indexOf("Presto") > -1, //opera内核
            webKit: u.indexOf("AppleWebKit") > -1, //苹果、谷歌内核
            gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") == -1, //火狐内核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1, //android终端或uc浏览器
            iPhone: u.indexOf("iPhone") > -1, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf("iPad") > -1, //是否iPad
            webApp: u.indexOf("Safari") == -1, //是否web应该程序，没有头部与底部
          };
        })(),
        language: (
          navigator.browserLanguage || navigator.language
        ).toLowerCase(),
      };
      if (browser.versions.mobile) {
        //判断是否是移动设备打开。browser代码在下面
        var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
          //在微信中打开
          document.getElementById("tipsId").style.display = "flex";
          console.log("在微信中打开");
        }
        if (ua.match(/WeiBo/i) == "weibo") {
          document.getElementById("tipsId").style.display = "flex";
          console.log("新浪微博客户端打开");
          //在新浪微博客户端打开
        }
        if (ua.match(/QQ/i) == "qq") {
          document.getElementById("tipsId").style.display = "flex";
          console.log("QQ空间打开");
          //在QQ空间打开
        }
        if (browser.versions.ios) {
          console.log("IOS浏览器打开");
          //是否在IOS浏览器打开
        }
        if (browser.versions.android) {
          console.log("安卓浏览器打开");
          //是否在安卓浏览器打开
        }
      } else {
        document.getElementById("tipsId").style.display = "none";
        //否则就是PC浏览器打开
      }

      // 数组扩展contains适用于数组判断

      var is_mobi =
        navigator.userAgent
          .toLowerCase()
          .match(
            /(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i
          ) != null;
      if (is_mobi) {
        console.log("移动端");
        document.getElementById("remId").style.display = "flex";
        document.getElementById("pxId").style.display = "none";

        let isIOS = !!navigator.userAgent.match(
          /\(i[^;]+;( U;)? CPU.+Mac OS X/
        ); //ios终端
        if (isIOS) {
          document.getElementById("iosHrefId").style.display = "flex";

          let iosIdFun = document.getElementById("iosHrefId");
          iosIdFun.addEventListener("click", function () {
            // var ios_czc = window._czc || [];
            // ios_czc.push(["_setAccount", "1280406682"]);
            // ios_czc.push(['_trackEvent', '冒泡下载页', 'iOS', '下载']);

            const { aplus_queue } = window;
            aplus_queue.push({
              action: "aplus.record",
              arguments: ["IOS-DOWN", "CLK", {}],
            });

            setTimeout(() => {
              // let root = document.getElementById("iosId");
              // root.href = 'https://apps.apple.com/us/app/%E5%86%92%E6%B3%A1%E7%89%A9%E8%81%94/id1575856883';

              let link = document.createElement("a");
              // ios平台
            //   let requestUrl = "https://apps.apple.com/app/id6448222113";
              let requestUrl = "https://apps.apple.com/us/app/pixelmug/id6748008040"
              link.href = requestUrl;
              document.body.appendChild(link);
              link.click();
              document.body.removeChild(link); // 下载完成移除元素
              window.URL.revokeObjectURL(requestUrl); // 释放掉blob对象
            }, 200);
          });
        } else {
          document.getElementById("androidHrefId").style.display = "flex";

          let aFun = document.getElementById("androidHrefId");
          aFun.addEventListener("click", function () {
            var script = document.createElement("script");
            script.src =
              "https://storage.jeejio.com/h5/androidPackage/pixelmug-metadata.json?time=" +
              new Date().getTime();
            document.getElementsByTagName("head")[0].appendChild(script);
          });
        }
      } else {
        console.log("PC端213");
        document.getElementById("iosHrefId").style.display = "flex";
        document.getElementById("pxId").style.display = "flex";
        document.getElementById("remId").style.display = "none";
        document.getElementById("tipsId").style.display = "none";
      }
    </script>
  </body>
</html>
